<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>華信商会(株) 販売管理業務システム</title>
<meta name="renderer" content="webkit">

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet"
	href="css/datetimepicker/bootstrap-datetimepicker.min.css"
	media="screen" />
</head>

<body>
			<div class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: #3083eb; border-color: #1f74df; color: white">
				<div class="container">
					<!-- Title Begin -->
					<div class="navbar-header">
						<a class="navbar-brand" href="#"><b>華信商会(株) 販売管理業務システム</b></a>
					</div>
					<!-- Title End -->
				</div>
			</div>
	<!-- Top End -->
	<!-- Body Begin -->
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-right">
				<div class="row">
					<div class="col-md-6 text-left">
						<br /> <br /> <img alt="" src="images/login.jpg">
					</div>
					<div class="col-md-6 ">
						<h3>&nbsp;</h3>
						<div
							class="panel panel-default panel-body col-md-8 col-md-offset-2">
							<form action="logon.action" method="post">
								<div class="form-group text-left">
									<label>部門</label> <select class="form-control" name="bumonCode" id="bumonCode" value="${bumonCode}">
										<option value="${bumonCode }">${bumonMei }</option>
										<c:forEach var="bumon" items="${list}">
											<option value="${bumon.bumonCode}">${bumon.bumonMei}</option>
										</c:forEach>
									</select>
								</div>
								<div class="form-group text-left">
									<label>担当者コード</label> <input type="text" class="form-control"
										id="tantoushaCode" name="tantoushaCode" value="${logontantoushaCode }" />
								</div>
								<div class="form-group text-left">
									<label>パスワード</label> <input type="password"
										class="form-control" id="tantoushaPassword"
										name="tantoushaPassword" />
								</div>
								<div class="col-md-12">
									<button type="button" id="sub"
										class="btn btn-primary col-md-4 col-md-offset-1">登録</button>
									<span class="col-md-2"></span>
									<button type="reset" class="btn btn-default col-md-4" id="reset">キャンセル</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Body End -->

	<!-- Foot begin -->
	<div class="text-center text-muted"
		style="height: 40px; width: 100%; bottom: 0; position: fixed; line-height: 40px; background-color: #eee">
		<i class="glyphicon glyphicon-copyright-mark"></i>DHEE 2017
		大連華信計算機新技術培訓中心. すべての知る権利を保留
	</div>
	<!-- Foot End -->
	<script type="text/javascript">
		${msg}
	</script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript"
		src="js/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript"
		src="js/datetimepicker/locales/bootstrap-datetimepicker.ja.js"
		charset="UTF-8"></script>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function() { //ready	
			$("#sub").click(function() {

				var r = /^\d{3}$/;
				var reg = new RegExp("^[0-9]*$");
				
				if ($("#bumonCode").val() == "") {
					$("#bumonCode").focus();
					alert("部門名称を入力してください");
				} else if ($("#tantoushaCode").val() == "") {
					$("#tantoushaCode").focus();
					alert("担当者コードを入力してください");
				} else if (!reg.test($("#tantoushaCode").val())) {
					$("#tantoushaCode").focus();
					alert("担当者コード欄に半角数字を入力してください");
				} else if (!r.test($("#tantoushaCode").val())) {
					$("#tantoushaCode").focus();
					alert("担当者コード欄に3桁を入力してください");
				} else if ($("#tantoushaPassword").val() == "") {
					$("#tantoushaPassword").focus();
					alert("パスワードを入力してください");
				} else {
					$("form").submit();
				}
			}); //事件处理
			$("#reset").click(function() {
				document.forms[0].action="tologon.action";
				document.forms[0].submit();
			}); //事件处理
		});
	</script>

</body>

</html>
